<template id="page1">
    <yd-layout title="Page1">
            <main-menu></main-menu>
            
             This is Page1
             
             <yd-icon name="home" color="#FF685D" size=".6rem"></yd-icon>

             
        <yd-button-group class="demo-pitch">
            
                        <yd-button type="primary">primary</yd-button>
                        <yd-button type="danger">danger</yd-button>
                        <yd-button type="warning">warning</yd-button>
                        <yd-button type="hollow">hollow</yd-button>
            
                        <yd-button size="large" type="primary">primary</yd-button>
                        <yd-button size="large" type="danger">danger</yd-button>
                        <yd-button size="large" type="warning">warning</yd-button>
                        <yd-button size="large" type="disabled" disabled>disabled</yd-button>
                        <yd-button size="large" type="hollow">hollow</yd-button>
            
                        <yd-button size="large" type="primary" shape="circle">shape="circle"</yd-button>
                        <yd-button size="large" type="hollow" shape="circle">shape="circle"</yd-button>
            
                    </yd-button-group>
                    
        <a href="#/">Back</a>
    </yd-layout>
</template>
<script>
var Page1=Vue.extend({
    template:"#page1"
});    
</script>